<script setup>
import { uploadImageActionAPI } from '@/api/image';
import { getToken } from '@/composables/auth';
import { toast } from '@/composables/util';
const token = getToken()
defineProps({
  data: Object
})
const emit = defineEmits(['success'])
const uploadSuccess = (response, uploadFile, uploadFiles) => {
  console.log(response);

  emit('success', {
    response, uploadFile, uploadFiles
  })
}

const uploadError = (error, uploadFile, uploadFiles) => {
  let msg = JSON.parse(error.message).msg || '上传失败'
  toast(msg, 'error')
}
</script>
<template>
  <el-upload :on-error="uploadError" :on-success="uploadSuccess" :data="data" name="img" :headers="{
    token
  }" drag :action="uploadImageActionAPI" multiple>
    <el-icon class="el-icon--upload"><upload-filled /></el-icon>
    <div class="el-upload__text">
      Drop file here or <em>click to upload</em>
    </div>
    <template #tip>
      <div class="el-upload__tip">
        jpg/png files with a size less than 500kb
      </div>
    </template>
  </el-upload>
</template>